<!DOCTYPE html>
<html>
<head>
<jsp:include page="/jsp/header.jsp" />

<title>Change Password</title>
<script type="text/javascript">
    function matchPasswords() {

        var pass1 = document.forms["changepassword"]["PasswordField2"].value;
        var pass2 = document.forms["changepassword"]["PasswordField3"].value;
        if (pass1 != pass2) {
            alert("New password and verified password don't match!!!!");
            return false;
        }
    }
        </script>
</head>
<body>
<div class="page" style="margin-top: 0px;">
	<div id="navibar">
    <ul>
      
        <li onclick="javascript:doOverlayOpen('${WEB_BASE }jsp/Users/MAddUser.jsp')"><a href="#"> Add </a></li>
		<li onclick="javascript:doOverlayOpen('${WEB_BASE }jsp/Users/DeleteUser.jsp')"><a href="#">Delete</a></li>
        <li><a class="homepg" href="#">Change Password</a></li> 
    </ul>
    
     </div><br/><br/><br/><br/>
     <form id="adduserForm" name="changepassword" onsubmit="return matchPasswords()" action="${WEB_BASE}ChangePasswordServlet" novalidate="novalidate">
	 <div id="ChangePassword">
	<table  class="tab">
		 
		<!--  <tr><td class="letters">User Name:</td>
			<td> <input class="required" id="NamedField" name="username" type="text" /></td></tr>  -->
		<tr><td class="letters">Current Password:</td>
			<td> <input class="required" id="PasswordField1" name="pass1" type="password" /></td></tr>
		<tr><td class="letters"> New Password:</td>
			<td><input class="required" id="PasswordField2" name="pass2" type="password" /></td></tr>
		<tr><td class="letters"> Verify Password:</td>
			<td><input class="required" id="PasswordField3" name="pass3" type="password" /></td></tr>
		 <tr><td></td>
			<td><input id="Button" type="submit" value="Change"/></td></tr>
		
	</table></div>
    </form>
    </div>
   
<jsp:include page="/jsp/footer.jsp" />
</body>
</html>